<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="./reset - 副本 - 副本.css">
		<style>
			@font-face {
				font-family: 'IcoMoon-Free';
				src: url('../IcoMoon-Free-master/Font/IcoMoon-Free.ttf') format('truetype');
				font-weight: normal;
				font-style: normal;
			}

			a {
				-webkit-tap-highlight-color: #fff !important;

			}
			.top{
				width: 100%;
				height: 80px;
				display: flex;
				justify-content: center;
				position: fixed;
				z-index: 999;
				background-color: white;
			}


			.top .container{
				height: 80px;
				display: flex;
				justify-content: space-between;
				align-items: center;
				
			}

			.top a {
				color: black;
			}

			.top .top-left {
				width: 220px;
				height: 40px;

			}

			.top-left img {
				width: 100%;
				height: 100%;
			}

			.top .top-right {
				width: 610px;
				height: 18px;
				display: flex;
				justify-content: space-evenly;
			}

			.mag {
				display: flex;
				align-items: center;

			}

			.mag::after {
				display: inline-block;
				font-family: 'IcoMoon-Free';
				content: '\e986';
				margin-top: 3px;
				margin-left: 25px;
			}

			.arrow {
				display: flex;
				align-items: center;
				position: relative;

			}

			.arrow::after {
				display: inline-block;
				font-family: 'IcoMoon-Free';
				content: '\ea43';
			}



			.tip {
				position: absolute;
				left: 0;
				top: 122%;
				width: 80px;
				height: 100px;
				display: flex;
				flex-direction: column;
				justify-content: space-evenly;
				background-color: #333;
				opacity: 0;
				transition: all 0.3s ease;
			}

			.arrow:hover .tip {
				opacity: 1;
			}

			.tip p {
				margin-left: 10px;
				margin-top: 5px;
				width: 60px;
				height: 30px;
				font-size: 12px;
				color: #ccc;
				transition: all 0.3s ease;

			}

			.tip p:hover {
				color: white;
				padding-left: 3px;
				font-size: 14px;
			}

			.banner {
				width: 100%;
			}

			.banner img {
				width: 100%;
			}

			.module {}

			.mol-content {
				height: 200px;
				display: flex;
				align-items: center;
			}

			.mol-content li {
				height: 80px;
				width: 25%;
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
			}

			.mol-content li+li {
				border-left: 1px solid #e2e2e2;
			}

			.mol-content li p {
				font-size: 50px;
				position: relative;
				font-weight: 100;
			}

			li p span {
				font-size: 14px;
				position: absolute;
				right: -20px;
				top: 5px;
			}

			li p:nth-child(2) {
				font-size: 16px;
			}

			.service {
				width: 100%;
				height: 3000px;
				background-color: rgb(247, 247, 247);
			}

			.wow {
				display: flex;
				flex-direction: column;
				padding: 50px 0 100px;
				align-items: center;
			}

			.ser-top {
				display: flex;
				flex-direction: column;
				justify-content: space-evenly;
				align-items: center;
				height: 80px;
				width: 200px;
				padding-bottom: 40px;
			}

			.ser-top .head {
				font-size: 24px;
				color: black;

			}

			.ser-top .foot {
				font-size: 16px;
			}

			.product {
				display: flex;
				width: 1170px;
				justify-content: space-evenly;
			}

			.product .product-item {
				width: 375px;
				background-color: white;
				display: flex;
				flex-direction: column;
				align-items: center;
			}

			.product-item .img-box {
				width: 100%;
				height: 250px;
				background-color: white;
				overflow: hidden;
				transition: all 0.3s ease-out;
			}

			.img-box img {
				width: 100%;
				height: 100%;
				transition: all 0.3s ease-out;
			}

			.font-box {
				width: 300px;
				/* height: 182px; */
				padding: 38px 0 46px;
				display: flex;
				flex-direction: column;
				align-items: center;
				transition: all 0.3s ease-out;
			}

			.user {
				display: flex;
				flex-direction: column;
				align-items: center;
			}

			.user p {
				font-size: 22px;
				color: black;
			}

			.user .eng {
				margin-top: 10px;
				margin-bottom: 15px;
				font-size: 18px;
				color: #959595;
			}

			.font-box .cn {
				font-size: 18px;
				margin-bottom: 40px;

			}

			.line-clamp {
				/* 仅限webkit内核使用 */
				display: -webkit-box;
				/* 几行开始截断 */
				-webkit-line-clamp: 2;
				line-clamp: 2;
				-webkit-box-orient: vertical;
				box-orient: vertical;
				overflow: hidden;
				text-overflow: ellipsis;
				/* 对超长数字/超长英文断行 */
				word-break: break-all;
			}

			.line-clamp2 {
				/* 仅限webkit内核使用 */
				display: -webkit-box;
				/* 几行开始截断 */
				-webkit-line-clamp: 1;
				line-clamp: 1;
				-webkit-box-orient: vertical;
				box-orient: vertical;
				overflow: hidden;
				text-overflow: ellipsis;
				/* 对超长数字/超长英文断行 */
				word-break: break-all;
			}

			.arrow-right {
				width: 145px;
				height: 44px;
				border: 1px solid #ccc;
				border-radius: 22px;
				font-size: 24px;
				color: black;
				display: flex;
				justify-content: center;
				align-items: center;
				transition: all 0.3s ease-out;
			}

			.product-item:hover .img-box {
				transform-origin: center center;
				transform: scale(0.9);
			}

			.product-item:hover img {
				transform-origin: center center;
				transform: scale(1.2);
			}

			.product-item:hover .font-box {
				padding-top: 32px;
			}

			.product-item:hover .arrow-right {
				background-color: black;
				color: white;
			}

			.point {
				display: flex;
				margin-top: 50px;
			}

			.point p {
				margin: 0 6px;
				width: 10px;
				height: 10px;
				border: 1px solid #666;
				border-radius: 10px;
				background-color: #666;
			}

			.point p:nth-child(2) {
				background-color: #fff;
			}

			.ad {
				display: flex;
				justify-content: space-evenly;
				width: 750px;
				height: 32px;
				overflow: hidden;

			}

			.ad li {
				height: 33px;
				border-bottom: 2px solid #666;
				transition: all 0.45s ease-out;
			}

			.ad li:hover {
				height: 26px;
			}

			.pc8 {
				margin-top: 20px;
				display: flex;
				flex-wrap: wrap;
				justify-content: space-evenly;
			}

			.pc8-item {
				width: 450px;
				height: 490px;
				background-color: #fff;
				display: flex;
				flex-direction: column;
				align-items: center;
				position: relative;
				text-align: center;
				margin-bottom: 20px;
			}

			.pc8-item .mask {
				width: 100%;
				height: 363.84px;
				background-color: rgba(0, 0, 0, 0);
				position: absolute;
				top: 0;
				left: 0;
				transition: all 0.2s ease-out;
			}

			.pc8-item:hover .mask {

				background-color: rgba(0, 0, 0, 0.7);
			}

			.pc8-item img {
				width: 100%;
				position: relative;
			}

			.pc8-item p {
				font-size: 16px;
				color: #666;
			}

			.pc8-item .p1 {
				margin-top: 30px;
				font-size: 20px;
				color: #333;
			}

			.pc8-item .pc-mask {
				width: 70px;
				height: 70px;
				border-radius: 50%;
				position: absolute;
				top: 60%;
				opacity: 0;
				transition: all 0.15s ease-out;
			}

			.pc8-item:hover .pc-mask {
				top: 40%;
				transform: translateY(-50%);
				opacity: 1;
			}

			.computer {
				width: 100%;
				height: 700px;
				position: relative;
				display: flex;
				overflow: hidden;

			}

			.computer .computer-pc {
				position: absolute;
				right: -12px;
			}

			.compu-font {
				width: 810px;
				height: 300px;
				margin-top: 260px;
				margin-left: 80px;
			}

			.compu-font p {
				font-size: 14px;
				color: #666;

			}

			.compu-font p:nth-child(1) {
				font-size: 30px;
				color: #666;
			}

			.compu-font p:nth-child(n+2) {
				margin-bottom: 60px;
				line-height: 24px;
			}

			.compu-font p:nth-child(4) {
				width: 150px;
				height: 40px;
				border: 1px solid #999;
				border-radius: 20px;
				display: flex;
				justify-content: center;
				align-items: center;
				color: #666;
				transition: all 0.3s ease-out;
			}

			.compu-font p:nth-child(4):hover {
				color: white;
				background-color: #333;
				border-color: black;
			}

			.team {
				height: 680px;

			}

			.team-box {
				display: flex;
				justify-content: space-between;
				width: 100%;
			}

			.team-item {
				width: 277px;
				height: 352px;
				background-color: #ccc;
				position: relative;
				display: flex;
				align-items: center;
			}

			.team-item img {
				width: 100%;
				height: 100%;
			}

			.team-item .team-mask {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background-color: rgba(0, 0, 0, 0.7);
				display: flex;
				align-items: center;
				justify-content: center;
				transition: all 0.2s ease-out;
				opacity: 0;
			}

			.team-item:hover .team-mask {
				opacity: 1;
			}

			.team-item:hover .mask-bottom {
				top: 110%;
			}

			.team-item:hover .mask-top {
				top: 40%;
			}

			.mask-top {
				position: absolute;
				top: 105%;
				display: flex;
				flex-direction: column;
				align-items: center;
				width: 100%;
				transition: all 0.2s ease-out;
			}

			.mask-top p {
				font-size: 16px;
				color: white;
			}

			.mask-top p:nth-child(1) {
				font-size: 20px;
				margin-bottom: 10px;
			}

			.team-mask {
				position: absolute;
			}

			.mask-bottom {
				position: absolute;
				top: 40%;
				width: 90%;
				font-size: 16px;
				color: #666;
				height: 85px;
				border-bottom: 1px solid #666;
				transition: all 0.2s ease-out;
			}

			.mask-bottom p {
				line-height: 30px;
				width: 100%;
				color: #333;
			}

			.more {
				height: 618px;
				background-image: url(./images/bgc.jpg);

			}

			.more .container {
				display: flex;
				flex-direction: column;
				height: 618px;
				align-items: center;
			}

			.more .button {
				margin-top: 58px;
				margin-bottom: 58px;
				background-color: white;
				width: 80px;
				height: 80px;
				display: flex;
				justify-content: center;
				align-items: center;
				border-radius: 40px;
				overflow: hidden;
			}

			.button img {
				width: 60%;
				height: 60%;

			}

			.more .more-font {
				width: 220px;
				height: 40px;
				font-size: 20px;
				color: white;

			}

			.more .introduce {
				width: 790px;
				height: 120px;
				display: flex;
				flex-direction: column;
				margin: 58px 0 70px;
			}

			.introduce p {
				display: flex;
				line-height: 30px;
				text-align: center;
				color: #ddd;
			}

			.more .more-more {
				width: 180px;
				height: 40px;
				border-radius: 20px;
				background-color: white;
				display: flex;
				justify-content: center;
				align-items: center;
				color: #333;
				border: 1px solid white;
				transition: all 0.3s ease;
			}

			.more-more:hover {
				background-color: #000;
				border: 1px solid white;
				color: white;
			}

			.news {
				height: 600px;
				background-color: #ddd;
				margin-bottom: 80px;

			}

			.news .pc8-item {
				width: 380px;
				position: relative;

			}

			.news .pc8-item+.pc8-item {
				margin-left: 21px;
			}

			.p-box {
				width: 90px;
				height: 38px;
				font-size: 12px;
				background-color: white;
				display: flex;
				justify-content: center;
				align-items: center;
				position: absolute;
				left: 0;
				top: 50%;
			}

			.p2 {
				width: 320px;
				text-align: center;
				font-size: 18px;
				margin-top: 30px;

			}

			.news .pc8-item:hover .line-deep {
				left: 0;
			}

			.line-box {
				position: absolute;
				bottom: 130px;
				width: 305px;
				height: 1px;
				overflow: hidden;
			}

			.line,
			.line-deep {
				width: 324px;
				height: 0;
				border: 1px solid #ccc;
				position: absolute;
				left: 0;
				top: 0;
			}

			.line-deep {
				border: 1px solid #333;
				left: -326px;
				transition: all 0.7s ease;
			}

			.news .pc8-item .p-last {
				margin-top: 50px;
				width: 320px;
				color: #999;
				font-size: 14px;
				text-align: left;
			}

			.footer {
				height: 400px;
				background-image: url(./images/30.jpg);
				background-position: top center;
			}

			.tel {
				height: 430px;
				background-color: rgb(239, 241, 245);


			}

			.tel .container {
				display: flex;
				height: 430px;
				justify-content: space-evenly;
				align-items: center;
			}

			.tel .lis {

				width: 300px;
				height: 135px;
			}

			.lis p {
				margin-bottom: 30px;
				font-size: 18px;
			}

			.lis p a {
				margin-right: 16px;
			}

			.lis:nth-child(n+2) p {
				margin-bottom: 15px;
				font-size: 16px;
			}

			.copyright {
				font-size: 16px;
			}
		</style>
	</head>
	<body>
		<div class="top">
			<div class="container">


				<div class="top-left">
					<img src="./images/01.jpg" alt="">
				</div>
				<div class="top-right">
					<a href="#">
						<span>首页</span>
					</a>
					<a href="#">
						<span>产品</span>
					</a>
					<a href="#">
						<span>服务</span>
					</a>
					<a href="#">
						<span>新闻</span>
					</a>
					<a href="#">
						<span>关于</span>
					</a>
					<a href="#">
						<span class="arrow">视频
							<div class="tip">
								<p>关于</p>
								<p>合作</p>
								<p>商业伙伴</p>
							</div>
						</span>

					</a>
					<a href="#">
						<span class="arrow">联系
							<div class="tip">
								<p>关于</p>
								<p>合作</p>
								<p>商业伙伴</p>
							</div>
						</span>
					</a>
					<a href="#">
						<span class="mag">|</span>
					</a>
				</div>

			</div>
		</div>
		<div class="banner">
			<img src="./images/02.jpg" alt="">
		</div>
		<div class="container">
			<div class="module">
				<ul class="mol-content">
					<li>
						<p>629<span>+</span></p>
						<p>服务网站</p>
					</li>
					<li>
						<p>91<span>款</span></p>
						<p>建站产品</p>
					</li>
					<li>
						<p>11<span>年</span></p>
						<p>WEB服务</p>
					</li>
					<li>
						<p>376<span>+</span></p>
						<p>覆盖城市</p>
					</li>
				</ul>
			</div>
		</div>
		<div class="service">
			<div class="wow container">
				<div class="ser-top">
					<div class="head">服务</div>
					<div class="foot">Best Service</div>
				</div>
				<ul class="product">
					<li class="product-item">
						<div class="img-box">
							<img src="./images/03.jpg" alt="">
						</div>
						<div class="font-box">
							<div class="user">
								<p>用户体验设计</p>
								<p class="eng">Customer Experience Design</p>
							</div>

							<p class="cn line-clamp">
								2是以用户为中心的一种设计手段，以用户需求为目标而进行的设计。设计过程注重以用户为中心，用户体验的概念从开发的最早期就开始进入整个流程，并贯穿始终</p>
							<div class="arrow-right">></div>
						</div>
					</li>
					<li class="product-item">
						<div class="img-box">
							<img src="./images/04.jpg" alt="">
						</div>
						<div class="font-box">
							<div class="user">
								<p>用户体验设计</p>
								<p class="eng">Customer Experience Design</p>
							</div>

							<p class="cn line-clamp">
								2是以用户为中心的一种设计手段，以用户需求为目标而进行的设计。设计过程注重以用户为中心，用户体验的概念从开发的最早期就开始进入整个流程，并贯穿始终</p>
							<div class="arrow-right">></div>
						</div>
					</li>
					<li class="product-item">
						<div class="img-box">
							<img src="./images/05.jpg" alt="">
						</div>
						<div class="font-box">
							<div class="user">
								<p>用户体验设计</p>
								<p class="eng">Customer Experience Design</p>
							</div>

							<p class="cn line-clamp">
								2是以用户为中心的一种设计手段，以用户需求为目标而进行的设计。设计过程注重以用户为中心，用户体验的概念从开发的最早期就开始进入整个流程，并贯穿始终</p>
							<div class="arrow-right">></div>
						</div>
					</li>

				</ul>
				<div class="point">
					<p></p>
					<p></p>
				</div>
			</div>
			<div class="wow ">
				<div class="ser-top">
					<div class="head">产品</div>
					<div class="foot">Best Product</div>
				</div>
				<ul class="ad">
					<li><a href="#">全部</a></li>
					<li><a href="#">空间导视</a></li>
					<li><a href="#">工艺传媒</a></li>
					<li><a href="#">品牌制定</a></li>
					<li><a href="#">专业包装</a></li>
					<li><a href="#">MORE</a></li>
				</ul>
				<ul class="pc8">
					<li class="pc8-item">
						<img src="./images/06.jpg" alt="">
						<div class="mask"></div>
						<img src="./images/link.jpg" alt="" class="pc-mask">
						<p class="p1">Port shares港口股份-------</p>
						<p>Port shares港口股份</p>
					</li>
					<li class="pc8-item">
						<img src="./images/09.jpg" alt="">
						<div class="mask"></div>
						<img src="./images/link.jpg" alt="" class="pc-mask">
						<p class="p1">Port shares港口股份-------</p>
						<p>Port shares港口股份</p>
					</li>
					<li class="pc8-item">
						<img src="./images/08.jpg" alt="">
						<div class="mask"></div>
						<img src="./images/link.jpg" alt="" class="pc-mask">
						<p class="p1">Port shares港口股份-------</p>
						<p>Port shares港口股份</p>
					</li>
					<li class="pc8-item">
						<img src="./images/09.jpg" alt="">
						<div class="mask"></div>
						<img src="./images/link.jpg" alt="" class="pc-mask">
						<p class="p1">Port shares港口股份-------</p>
						<p>Port shares港口股份</p>
					</li>
					<li class="pc8-item">
						<img src="./images/06.jpg" alt="">
						<div class="mask"></div>
						<img src="./images/link.jpg" alt="" class="pc-mask">
						<p class="p1">Port shares港口股份-------</p>
						<p>Port shares港口股份</p>
					</li>
					<li class="pc8-item">
						<img src="./images/08.jpg" alt="">
						<div class="mask"></div>
						<img src="./images/link.jpg" alt="" class="pc-mask">
						<p class="p1">Port shares港口股份-------</p>
						<p>Port shares港口股份</p>
					</li>
					<li class="pc8-item">
						<img src="./images/09.jpg" alt="">
						<div class="mask"></div>
						<img src="./images/link.jpg" alt="" class="pc-mask">
						<p class="p1">Port shares港口股份-------</p>
						<p>Port shares港口股份</p>
					</li>
					<li class="pc8-item">
						<img src="./images/06.jpg" alt="">
						<div class="mask"></div>
						<img src="./images/link.jpg" alt="" class="pc-mask">
						<p class="p1">Port shares港口股份-------</p>
						<p>Port shares港口股份</p>
					</li>
				</ul>
			</div>

			<div class="computer">
				<div class="compu-font">
					<p> JSMO设计公司/Cool Design</p>
					<p>80% of the Industry leaders</p>
					<p>设计是把一种设想通过合理的规划、周密的计划、通过各种感觉形式传达出来的过程。人类通过劳动改造世界，创造文明，创造物质财富和精神财富，而最基础、最主要的创造活动是造物。设计便是造物活动进行预先的计划，可以把任何造物活动的计划技术和计划过程理解为设计。
					</p>
					<p>MORE ></p>
				</div>
				<img src="./images/10.jpg" alt="" class="computer-pc">

			</div>
		</div>
		<div class="team">
			<div class="wow container">
				<div class="ser-top">
					<div class="head">团队</div>
					<div class="foot">Team</div>
				</div>
				<ul class="team-box">
					<li class="team-item">
						<img src="./images/11.jpg" alt="">
						<div class="team-mask">
							<div class="mask-top">
								<p>萨玛-Sam</p>
								<p>网页设计师</p>
							</div>
							<div class="mask-bottom">
								<p class="line-clamp">精通Photoshop,Coredraw,Frontpage,Dreamweaver等多项电子技能模块</p>
							</div>
						</div>
					</li>
					<li class="team-item">
						<img src="./images/12.jpg" alt="">
						<div class="team-mask">
							<div class="mask-top">
								<p>萨瑞儿-Sarer</p>
								<p>网页设计师</p>
							</div>
							<div class="mask-bottom">
								<p class="line-clamp">精通Photoshop,Coredraw,Frontpage,Dreamweaver等多项电子技能模块</p>
							</div>
						</div>
					</li>
					<li class="team-item">
						<img src="./images/13.jpg" alt="">
						<div class="team-mask">
							<div class="mask-top">
								<p>库里-Kurry</p>
								<p>网页设计师</p>
							</div>
							<div class="mask-bottom">
								<p class="line-clamp">精通Photoshop,Coredraw,Frontpage,Dreamweaver等多项电子技能模块</p>
							</div>
						</div>
					</li>
					<li class="team-item">
						<img src="./images/14.jpg" alt="">
						<div class="team-mask">
							<div class="mask-top">
								<p>本-Ben</p>
								<p>网页设计师</p>
							</div>
							<div class="mask-bottom">
								<p class="line-clamp">精通Photoshop,Coredraw,Frontpage,Dreamweaver等多项电子技能模块</p>
							</div>
						</div>
					</li>
				</ul>

			</div>
		</div>
		<div class="more">
			<div class="container">
				<div class="button">
					<img src="./images/button.jpg" alt="">
				</div>
				<div class="more-font">
					<p>因为专业，所以更好更棒</p>
				</div>
				<div class="introduce">
					<p>凭借多年在网站设计和开发行业的经验，JSMO引以为豪的是，我们致力于打造独特，创造性和高质量的设计，这些设计采用最新的现代编码和开发技术开发，然后使用最新的结构化编码框架构建，
						您的开发团队可以轻松将其升级到新的水平。</p>
					<p>
						凭借多年在网站设计和开发行业的经验，JSMO引以为豪的是，我们致力于打造独特，创造性和高质量的设计，这些设计采用最新的现代编码和开发技术开发，然后使用最新的结构化编码框架构建，
						您的开发团队可以轻松将其升级到新的水平。
					</p>
				</div>
				<div class="more-more">
					查看更多 >
				</div>
			</div>
		</div>
		<div class="news wow ">
			<div class="ser-top">
				<div class="head">新闻</div>
				<div class="foot">News</div>
			</div>

			<ul class="pc8 ">
				<li class="pc8-item">
					<img src="./images/20.jpg" alt="">
					<p class="p-box">
						2022-07-23
					</p>
					<p class="p2 line-clamp2">欧美CSS画廊设计奖项首页顶部展示1月27日的最佳设计作品</p>
					<div class="line-box">
						<p class="line"></p>
						<p class="line-deep"></p>
					</div>
					<p class="p-last">选出35个杰出视觉体验网站，被选其中,被收录到意大利全国工业设计协会从书中1</p>
				</li>
				<li class="pc8-item">
					<img src="./images/21.jpg" alt="">
					<p class="p-box">
						2022-07-23
					</p>
					<p class="p2 line-clamp2">2012年曾被Awwwards设计评审机构评为全球最佳CSS网站</p>
					<div class="line-box">
						<p class="line"></p>
						<p class="line-deep"></p>
					</div>
					<p class="p-last">选出35个杰出视觉体验网站，被选其中,被收录到意大利全国工业设计协会从书中1</p>
				</li>
				<li class="pc8-item">
					<img src="./images/22.jpg" alt="">
					<p class="p-box">
						2022-07-23
					</p>
					<p class="p2 line-clamp2">全球最佳设计：2018 iF 设计奖金奖获奖作品一览</p>
					<div class="line-box">
						<p class="line"></p>
						<p class="line-deep"></p>
					</div>
					<p class="p-last">选出35个杰出视觉体验网站，被选其中,被收录到意大利全国工业设计协会从书中1</p>
				</li>
			</ul>
		</div>
		<div class="footer">

		</div>
		<div class="tel">
			<div class="container">
				<div class="lis">
					<p>网站建设传播有限公司</p>
					<p>
						<a href="#"><img src="./images/31.jpg" alt=""></a>
						<a href="#"><img src="./images/32.jpg" alt=""></a>
						<a href="#"><img src="./images/33.jpg" alt=""></a>
					</p>
				</div>
				<div class="lis">
					<p>地址: 中国地区XX分区5A写字楼8-88室</p>
					<p>电话: 400-888-8888</p>
					<p>传真: 000-66668888</p>
				</div>
				<div class="lis">
					<p>邮编: 100000</p>
					<p>手机: 188-6666-5188</p>
					<p>邮箱: 00080888@qq.com</p>
				</div>
			</div>
		</div>
		<div class="copyright">
			<div class="container">
				COPYRIGHT(@)2022 mo005 17795-企业集团类网站
			</div>
		</div>
	</body>
</html>
